﻿/* Allowing the Razor escape sequence - Double At */
@@charset "ISO-8859-1";

@@font-face {
  font-family: Excelsior;
  src: local("Excelsior EastA Roman"), url("http://site/ear") format("intellifont");
}

@@keyframes 'diagonal-slide' {
  from{
    left: 0;
    top: 0;
  }

  to {
    left: 100px;
    top: 100px;
  }
}

@@media (orientation: portrait) {
  div {
    font-size: 1pt;
  }
}
@@media screen, print {
  body {
    line-height: 1.2;
  }

  div {
    background-color: #ddccaa;
  }

  em {
    font-style: italic;
  }
}

@@page {
  @@top-left {
    color: #cccccc;
  }
  color: green;
  @@bottom-center {
    color: #eee;
  }
}

/* this one just has a few identifiers before the semicolon */
@@anotherone foo, bar;

/* way minimum one */
@@foobar;

/* a non-sense vendor-specific at-rule */
@@-moz-something url(%2FwD%2FAP%2BgvaeTAAAAEUlEQVR42mP4%2F58BCv7%2FZwAAHfAD%2FabwPj4AAAAASUVORK5CYII%3D) {
  1 {
    foobar: 20hz;
  }

  2 {
    whack: a-mole;
    scooby: doo;
  }
}

/* a vendor-specific at-rule (Safari animation) */
@@-webkit-keyframes bounce {
  from {
    left: 0px;
  }

  to {
    left: 200px;
  }
}

